<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport"
		content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
	<title>{{mod.title}}</title>
	<meta name="description" content="test" />
	<meta name="keywords" content="test" />

	<script src="/public/js/jquery-1.9.1.min.js"></script>
	<link href="/public/css/bootstrap/bootstrap.min.css" type="text/css" rel="stylesheet" />
	<link href="/public/css/site.css" type="text/css" rel="stylesheet" />
	<style type="text/css">
		.pagination>.active>a,
		.pagination>.active>a:focus,
		.pagination>.active>a:hover,
		.pagination>.active>span,
		.pagination>.active>span:focus,
		.pagination>.active>span:hover {
			background-color: rgba(59, 190, 122, .9) !important;
			border-color: rgba(59, 190, 122, .9) !important;
		}
	</style>
</head>

<body>
	<link rel="shortcut icon" href="favicon1.ico" type="image/x-icon" />
	<nav class="navbar navbar-default navbar-fixed-top u-navbar">
		<div class="container">
			<div class="row">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar icon-bar1"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar icon-bar2"></span>
					</button>
					<a class="navbar-brand" href="/">
						ts-news
					</a>
				</div>
				<div class="navbar-collapse collapse navbar-right" style="height: auto;">
					<!-- Main navigation -->
					<ul class="nav navbar-nav">

						<li><a href="/">首页</a></li>
						{% for item in cates %}
						<li><a href="/?typeId={{item.id}}">{{item.name}}</a></li>
						{% endfor %}


					</ul>
				</div>
			</div>
		</div>
	</nav>
	<div class="global" style="min-height: 750px;">
	
		<div class="company-dynamics-banner">
            <div class="container">
                

            </div>
        </div>
		<div class="container">
			<div class="row">


				<div class="blog-header">
					<h1 class="blog-title">{{mod.title}}</h1>
					<p class="lead blog-description">{{mod.discribe}}</p>
				  </div>

				  <div class="col-sm-8 blog-main">
					{{helper.shtml(mod.content)}}
				  </div>



				
			</div>
		</div>
	</div>
	<!-- footer begin -->
	<footer>
		<div class="container">
			<div class="row">
				<div class="ac-gf-footer-legal">


				</div>

			</div>
		</div>
	</footer>
	<div class="footer_app" style="display: none;"> Copyright &copy; 2018 test </div>
	<!-- footer end -->

	<script type="text/javascript">
		$(function () {
			$(".navbar-toggle").click(function () {
				$(this).toggleClass("click");
				$(".bg-div").toggleClass("hide");
				$("body").toggleClass("body-static");
				$(".navbar-form a").toggleClass("active");
				$(".navbar-collapse").slideToggle();
			});




		});
	</script>
	<script type="text/javascript" src="/public/js/bootstrap/bootstrap.min.js"></script>
</body>

<style>
.blog-main {
    font-size: 18px;
    line-height: 1.5;
}
.blog-header {
    padding-top: 20px;
    padding-bottom: 20px;
}
.blog-title {
    margin-top: 30px;
    margin-bottom: 0;
    font-size: 60px;
    font-weight: 400;
}
</style>

</html>